import React, {Component} from 'react'
import {View} from '@tarojs/components'

import Taro from "@tarojs/taro"

import './index.less'
import SearchBar from "../../components/SearchBar";
// import Echarts from 'src/components/Echarts';
import Echarts 
<form action="" method="POST" role="form">
  <legend>Form title</legend>

  <div class="form-group">
    <label for="">label</label>
    <input type="text" class="form-control" id="" placeholder="Input field">
  </div>

  

  <button type="submit" class="btn btn-primary">Submit</button>
</form>




//主界面
class Index extends Component {


  constructor(props) {
    super(props);
  
}



  componentWillReceiveProps(nextProps) {
    console.log(this.props, nextProps)
  }

  componentWillUnmount() {
  }

  componentDidShow() {
    Taro.setTabBarStyle({
      backgroundColor: "#000539",
      color: '#ffffff'
    })
  }

  componentDidHide() {
    Taro.setTabBarStyle({
      backgroundColor: "#ffffff",
      color:'#000000'
    })
  }

  render() {
    return (
      <View className='index'>
        <View className='index-bg' />
        <SearchBar />

        <Echarts />
      </View>
    )
  }
}

export default Index

